<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title test</title>
    <style>
        p.serif{
            font-family: "Times New Roman",Times,serif;
        }
        body{
            font-size: 100%;
        }
        h1{
            font-size: 2.5em;
        }
        h2{
            font-size: 1.875em;
        }
        p{
            font-size: 0.876em;
        }
        a:link{
            color: #000;
            text-decoration: none;
        }
        a:visited{
            color: #00FF00;
            text-decoration: none;
        }
        a:hover{
            color: #FF00FF;
            text-decoration: underline;
        }
        a:active{
            color: #0000FF;
            text-decoration: underline;
        }
    </style>
</head>
<body>

<p>我的段落</p>
<p class="serif">这一段的字体是 Times New Roman </p>
<p class="sansserif">这一段的字体是 Arial.</p>

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<p>This is a paragraph.</p>
<p>在所有浏览器中，可以显示相同的文本大小，并允许所有浏览器缩放文本的大小。</p>

<p>
    <b>
        <a href="/css/" target="_blank">这是一个链接</a>
    </b>
</p>
</body>
</html>